<template>
    <div>
        <!-- 插槽-路由容器 -->
        <router-view></router-view>
        <Tabbar v-show="store.isTabbarShow"></Tabbar>
        <!-- <Tabbar v-show="isTabbarShow"></Tabbar> -->
    </div>
</template>

<script setup>
import { storeToRefs } from 'pinia';
import Tabbar from './components/Tabbar.vue';
import useTabbarStore from './store/tabbarStore.js';

const store = useTabbarStore()

//store是一个reactive包装的对象，直接解构会失去响应性，如果需要解构，则使用
// const { isTabbarShow } = storeToRefs(store)

</script>

<style>
* {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}
</style>